<!-- Portfolio Grid Section -->
    <section id="portfolio" class="bg-light-gray" style="margin-top:-100px;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Dashboard</h2>
                    <h3 class="section-subheading text-muted">select one of the categories to get started!</h3>
                </div>
            </div>

            <div class="row">
                <center>
                    <div class="col-lg-12">
                         
                        <div class="input-group" style="margin-top:-42px;" >
                                <input id="search_q" name="search" class="form-control" placeholder="Search" style="width:70%">
                                <select id="sel" class="form-control" style="margin-top:-34px; margin-left:70%;width:30%;" >
                                    <option>Ads</option>
                                    <option>Notes</option>
                                    <option>Users</option>
                                </select>    
                                <button id="search_btn"  onclick="search_rout('<?=base_url()?>')" style="margin-left:99%; margin-top:-57px;" class="btn btn-primary"><i class="fa fa-search"></i></button>
                                <br><br>
                        </div>
                    </div>
                </center>
            </div>


            <div class="row">
                <div class="col-md-3 col-sm-6 portfolio-item">
                    <a href="<?php echo base_url(); ?>Site/category/0/0/-1/" class="portfolio-link">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="<?php echo base_url(); ?>Assets/img/portfolio/roundicons.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>All Ads</h4>
                        <p class="text-muted">View all Ads</p>
                    </div>
                </div>

                <div class="col-md-3 col-sm-6 portfolio-item">
                    <a href="<?php echo base_url(); ?>Site/category_notes/0/0/" class="portfolio-link">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="<?php echo base_url(); ?>Assets/img/note-img.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>All Notes</h4>
                        <p class="text-muted">View All Notes</p>
                    </div>
                </div>

                

               <?php foreach ($records as $row) {   ?>
              
                    <div class="col-md-3 col-sm-6 portfolio-item">
                    <a href="<?php echo base_url(); ?>Site/category/0/0/<?= $row->cat_id ?>/" class="portfolio-link">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="<?php echo base_url(); ?>Assets/img/portfolio/<?= $row->cat_img?>" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4><?= $row->cat_name ?></h4>
                        <p class="text-muted">View Ads</p>
                    </div>
                </div>

              <?php  } ?>

            </div>
        </div>
    </section>